#nav{
	background: $bg_3;
	box-shadow: $shadow2;

}

.i_headOne{
	display: flex;
    justify-content: space-between;
	padding: 15px 0;
}

.i_logo{
	width: 187px;
	height: 50px;
	overflow: hidden;
}

.i_ixu{
	height: 16px;
	display: block;
	border-left:$bd_1;
	position: absolute;
	top: 15px;
	left: 86px
}


.i_landing{
	line-height: 48px;
	position: relative;
	top: 9px;
	>i{
		margin:0 10px;
		transform: scale(.5);
	}
	&:hover{
		.userinfoH{
			visibility: visible;
			opacity: 1;
		}
	}
}


.meunP{
    display: flex;
    justify-content: space-around;
	width: 480px;
	>a{
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		line-height: 40px;
		&:last-of-type{
			margin: 0;
		}

	}
}

@keyframes slide{
	0%{background-position:0 0}
	to{background-position:-100% 0}
}


.i_scavenging{
	.erweima{
		vertical-align: middle;
	}
	span{
		cursor: pointer;
		>.svg-icon{
			    vertical-align: text-top;
			    margin-left: 5px;
		}
	}
}



.i_user{
	// margin-left: 58px;
	>a,
	>div{
		display: block;
		cursor: pointer;
		>span{
			overflow:hidden;
			display: inline-block;
			vertical-align: middle;
			&:nth-of-type(1){
				width: 30px;
				height: 30px;
				-moz-border-radius: 50%;
				     border-radius: 50%;
				overflow: hidden;
				display: inline-block;
				>img{
					width: 100%;
					height: 100%;
					vertical-align: top;
				}
			}
		}
	}
	.i_username{
		margin-left: 10px;
		>div{
			line-height: 16px;
            height: 16px;
            @extend .i_text;
            max-width: 150px;
			&:last-of-type{
				color: #999;
			}
		}
		.i_ux{
			font-size: 12px;
			color: #666;
			margin:0 5px;
			transform: scale(0.5);
		}
	}
}


.userinfoH{
	background: $bg_3;
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.31);
	padding: 25px 30px;
	position: absolute;
	top: 50px;
	right: 0;
	visibility: hidden;
	opacity: 0;
	@extend .i_transition;
	z-index: 5;
	>p{
		color: #888888;
		cursor: pointer;
		display: inline-block;
		&:hover{
			color: #f56c6c;
		}
	}
	.grays{
		-webkit-filter: grayscale(100%);
		    -moz-filter: grayscale(100%);
		    -ms-filter: grayscale(100%);
		    -o-filter: grayscale(100%);
		    filter: grayscale(100%);
		    filter: gray;
	}

}


.userinfoH_1{
	width: 220px;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	>a{
		display: inline-block;
		vertical-align: top;
		text-align-last: initial;
		width: 100px;
		height: 36px;
		line-height: 36px;
		background: #EFEFEF;
		border-radius: 3px;
		text-align: center;
        margin-bottom: 10px;
		>i{
			margin-right: 5px;
			vertical-align: middle;
		}
		> .home_icon{
			width: 25px;
			margin-top: 5px;
		}
		&:hover{
			color: #2F6D8C;
			background: #D8EFFC;
		}
	}
}

.userinfoH_2{
	display: block;
	background: #EFEFEF;
	border-radius: 3px;
	height: 36px;
	line-height: 36px;
	text-indent: 15px;
	margin-top: 10px;
	>i{
		margin-right: 60px;
		vertical-align: middle;
	}
	&:hover{
		color: #2F6D8C;
		background: #D8EFFC;
	}
}






/* ***********************************
**
** footer
**
*************************************** */

#footer{
    height: 44px;
	background-color: #3a486f;
}

.i_footerBox{
	padding: 20px 0;
	font-size: 14px;
	color: $sc_1;
	border-bottom: 1px dashed #697798;
}



.i_address{
	width: 429/1200*100%;
	border-right: 1px dashed #697798;
	>ul{
		>li{
			line-height: 19px;
			text-indent: 10px;
			&:nth-of-type(2){
				padding: 20px 0;
			}
		}
	}
}


.i_friendlyLink{
	width: 720/1200*100%;
}

.i_friendlyLink1{
	text-align: center;
	>a{
		display: inline-block;
		vertical-align: top;
		color: $sc_1;
		border-right: 1px solid #969696;
		width: 190/720*100%;
		line-height: 19px;
		&:last-of-type{
			border:0;
		}
	}
}


.i_friendlyLink2{
	margin-top: 40px;
	>span{
		line-height: 19px;
	}
	>a{
		display: inline-block;
		vertical-align: top;
		color: #a2b2d5;
		/* width: 120/720*100%;*/
		line-height: 19px;
		padding-left: 25px;
	}
}


.i_copyright{
	line-height: 19px;
	color: $sc_1;
	padding: 12.5px 0;
	text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.Indexactive,
.Indexactive2,
.Indexactive3,
.Indexactive4,
.Indexactive5{
	color: #348efc;

}

.logo_color{
	>span{
		margin-left: 10px;
		background-image: -webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db);
		color: transparent;
		-webkit-background-clip: text;
		background-size: 200% 100%;
		animation: slide 5s infinite linear;
		>i{
			display: block;
			font-size: 20px;
			font-weight: bold;
			line-height: 24px;
			letter-spacing: 4px;
			font-family: 'PingFang SC';
			>span{
				letter-spacing: 0;
				margin-right: 4px;
			}
		}
		>strong{
			font-size: 15px;
			letter-spacing: 7px;
				line-height: 24px;
		}
	}
}


.emoji {
  width: 380px;
  height: 186px;
  bottom: 30px;
  background: #fff;
  z-index: 10;
  padding: 10px;
  margin-right: 10px;
  .emoji-controller {
    height: 36px;
    overflow: hidden;
    margin-bottom: 0;
    li {
      float: left;
      width: 76px;
      font-size: 12px;
      line-height: 36px;
      cursor: pointer;
      text-align: center;
      position: relative;
      text-align: left;
      text-align-last: auto;
      &.active::after{
        content: '';
        width: 100%;
        height: 1px;
        background: #0689dd;
        left: 0;
        bottom: 4px;
        position: absolute;
      }
    }
  }
  .emoji-container {
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    li {
      font-size: 0;
      padding: 5px;
      a {
        float: left;
        overflow: hidden;
        height: 35px;
        transition: all ease-out .2s;
        border-radius: 4px;
        &:hover {
          background-color: #d8d8d8;
          border-color: #d8d8d8;
        }
        span {
          width: 25px;
          height: 25px;
          display: inline-block;
          border: 1px solid transparent;
          cursor: pointer;
        }
      }
    }
  }
}



 #examine{
    .index-container{

        .examine-by-me{
            
            // 列表
            >ul{
                overflow: hidden;
                width: 100%;
                min-width:1200px;
                min-height: 590px;

                >li{
                    float: left;
                    box-sizing: border-box;
                    margin-bottom:15px;
                    margin-right:15px;
                    padding:35px 25px 0;
                    width: 390px;
                    height: 280px;
                    background: #fff;
                    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
                    border-radius: 4px;
                    &:nth-child(3n){
                        margin-right:0;
                    }

                    .title{
                        height: 50px;
                        .avatar{
                            width: 50px;
                            height: 50px;
                            border-radius: 50%;
                            overflow: hidden;
                        }
                        .awaitIcon{
                            position: relative;
                            top: -22px;
                            right: -6px;
                        }
                        >p{
                            overflow:hidden;
                            padding: 16px 0 0 20px;
                            font-size: 14px;
                            color: #000000;
                            line-height: 20px;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
        
                    >ul{
                        margin-top: 38px;
                        height: 120px;
                        >li{
                            margin-bottom: 14px;
                            font-size: 14px;
                            color: #333333;
                            line-height: 20px;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            &:last-child{
                                overflow: hidden;
                            }
                        }
                    }

                    .time{
                        font-size: 12px;
                        color: #666666;
                        letter-spacing: 0;
                        >p{
                            width: 50%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                        } 
                    }
                }
            }

            // 分页组件
            .el-pagination{
                button,.el-pager li{
                    background: transparent;
                }
                .el-pager .active{
                    background: #409EFF;
                }
            }

            // 弹窗样式
            .el-dialog__wrapper{

                // 预览图片
                .previewImage{
                    position: relative;
                    height: 80vh;

                    >img{
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        max-width: 100%;
                        max-height: 100%;
                    }
                }
                
                // 审批单详情弹窗
                .examineDetil{
                    height: 800px;
                    overflow-x: hidden;

                    >div{
                        padding: 20px 30px 20px 43px;
                        border-bottom: 1px solid #EFEFEF;
                        &:last-child{
                            border: 0;
                        }

                        &.title{
                            position: relative;
                            height: 60px;
                            
                            .avatar{
                                width: 60px;
                                height: 60px;
                                border-radius: 50%;
                                overflow: hidden;
                            }

                            >div:first-of-type{
                                margin-left: 25px;
                                height: 100%;    

                                >p{
                                    height: 50%;
                                    line-height: 30px;

                                    &:first-child{
                                        font-size: 16px;
                                        color: #000000;
                                    }
            
                                    &:last-child{
                                        font-size: 14px;
                                        color: #999999;

                                        >span{
                                            font-size: 14px;
                                            color: #d79e36;
                                        }

                                    }

                                }

                            }

                            >div:last-of-type{
                                padding-top: 10px;

                                >img{
                                    margin-left: 30px;
                                }

                            }

                            .statusIcon{
                                position: absolute;
                                top: 79px;
                                right: 65px;
                                width: 93px;
                                height: 71px ;
                            }

                        }

                        // 审批申请单详情
                        &.contentDetail{

                            >ul{
                                // max-height: 460px;
                                overflow-x: hidden;

                                >li{
                                    margin-top: 12px;
                                    font-size: 16px;
                                    line-height: 28px;

                                    // 公共板块
                                    >span{

                                        &:first-child{
                                            width: 165px;
                                            color: #666666;
                                        }

                                        &:last-child{
                                            margin-left: 16px;
                                            width: 530px;
                                            max-height: 140px;
                                            overflow-x: hidden;
                                            color: #000000;
                                        }

                                    }

                                    // 日期、日期区间
                                    .title2{
                                        width: 165px;
                                        color: #666666;
                                    }
                                    .content, .content2{
                                        margin-left: 16px;
                                        width: 530px;
                                        max-height: 140px;
                                        overflow-x: hidden;
                                        color: #000000;
                                    }

                                    // 图片列表
                                    >ul{
                                        width: 500px;

                                        li{
                                            position: relative;
                                            margin: 15px 15px 0 0;
                                            border-radius: 6px;
                                            overflow: hidden;
                                            &:nth-child(-n+3){
                                                margin-top: 0;
                                            }

                                            &:nth-child(3n){
                                                margin-right: 0;
                                            }
                                            
                                            >img{
                                                width: 150px;
                                                height: 150px;
                                                border: 1px solid #ddd;
                                                border-radius: 6px;
                                                object-fit: cover;
                                            }

                                            .cover{
                                                display: none;
                                                position: absolute;
                                                top: 0;
                                                bottom: 0;
                                                left: 0;
                                                right: 0;
                                                background: rgba(0,0,0,0.5);

                                                .el-icon-zoom-in{
                                                    position: absolute;
                                                    top: 50%;
                                                    left: 50%;
                                                    transform: translate(-50%, -50%);
                                                    font-size: 20px;
                                                    color: white;
                                                }
                                            }

                                            &:hover .cover{
                                                display: block;
                                            }
                                        }
                                    }

                                    // 说明文字跳转链接
                                    .url{
                                        color: #666666;

                                        &:hover {
                                            color: blue;
                                        }
                                    }

                                    // 下载附件
                                    .download{
                                        &:hover {
                                            color: blue;
                                        }
                                    }

                                    // 明细
                                    .detail{
                                        .topLine{
                                            display: block;
                                            border-bottom: 2px dashed #ddd;
                                        }
                                        .bottomLine{
                                            display: block;
                                            padding-top: 15px;
                                            border-bottom: 2px dashed #ddd;
                                        }

                                        .detailTitle{
                                            display: block;
                                            padding: 10px 0;
                                        }

                                        >ul{
                                            // max-height: 460px;
                                            overflow-x: hidden;

                                            >li{
                                                // margin-top: 12px;
                                                font-size: 16px;
                                                line-height: 28px;

                                                // 公共板块
                                                >span{

                                                    &:first-child{
                                                        margin-left: 30px;
                                                        width: 165px;
                                                        color: #666666;
                                                    }

                                                    &:last-child{
                                                        margin-left: 16px;
                                                        width: 500px;
                                                        max-height: 140px;
                                                        overflow-x: hidden;
                                                        color: #000000;
                                                    }

                                                }

                                                // 日期、日期区间
                                                .title2{
                                                    margin-left: 30px;
                                                    width: 165px;
                                                    color: #666666;
                                                }
                                                .content, .content2{
                                                    margin-left: 16px;
                                                    width: 500px;
                                                    max-height: 140px;
                                                    overflow-x: hidden;
                                                    color: #000000;
                                                }

                                                // 图片列表
                                                >ul{
                                                    width: 500px;

                                                    li{
                                                        position: relative;
                                                        margin: 15px 15px 0 0;
                                                        border-radius: 6px;
                                                        overflow: hidden;
                                                        &:nth-child(-n+3){
                                                            margin-top: 0;
                                                        }

                                                        &:nth-child(3n){
                                                            margin-right: 0;
                                                        }
                                                        
                                                        >img{
                                                            width: 150px;
                                                            height: 150px;
                                                            border: 1px solid #ddd;
                                                            border-radius: 6px;
                                                            object-fit: cover;
                                                        }

                                                        .cover{
                                                            display: none;
                                                            position: absolute;
                                                            top: 0;
                                                            bottom: 0;
                                                            left: 0;
                                                            right: 0;
                                                            background: rgba(0,0,0,0.5);

                                                            .el-icon-zoom-in{
                                                                position: absolute;
                                                                top: 50%;
                                                                left: 50%;
                                                                transform: translate(-50%, -50%);
                                                                font-size: 20px;
                                                                color: white;
                                                            }
                                                        }

                                                        &:hover .cover{
                                                            display: block;
                                                        }
                                                    }
                                                }

                                                // 说明文字跳转链接
                                                .url{
                                                    margin-left: 30px;
                                                    color: #666666;

                                                    &:hover {
                                                        color: blue;
                                                    }
                                                }

                                                // 下载附件
                                                .download{
                                                    &:hover {
                                                        color: blue;
                                                    }
                                                }

                                                &:first-child{
                                                    margin: 0;
                                                }

                                            }

                                        }

                                    }
                                    
                                    &:first-child{
                                        margin: 0;
                                    }

                                }

                            }

                        }

                        // 审批流程
                        &.flow{

                            >ul{

                                >li{
                                    letter-spacing: 0.11px;
                                    font-size: 14px;

                                    .left{

                                        >img{
                                            width: 40px;
                                            height: 40px;
                                            border-radius: 50%;
                                            overflow: hidden;
                                        }

                                        >i{
                                            margin: 5px 0 5px 19px;
                                            display: block;
                                            width: 2px;
                                            height: 30px;
                                            background: #DDDDDD;
                                        }

                                    }

                                    .content{
                                        overflow: hidden;

                                        >span{
                                            height:40px;
                                            line-height: 40px;
                                            overflow: hidden;
                                            text-align: center;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;

                                            &.name{
                                                margin-left: 20px;
                                                width: 80px;
                                                text-align: left;
                                                color: #666666;
                                            }
                                            
                                            // 黑色（发起申请）
                                            &.sponsor{
                                                margin: 0 5px;
                                                width: 80px;
                                                font-size: 14px;
                                                text-align: center;
                                                color: #000000;
                                            }
                                            
                                            // 棕色（审批中）
                                            &.underway{
                                                margin: 0 5px;
                                                width: 80px;
                                                color: #CC8401;
                                                text-align: center;
                                            }
                                
                                            // 蓝绿色（已通过）
                                            &.resolve{
                                                margin: 0 5px;
                                                width: 80px;
                                                color: #33BBBB;
                                                text-align: center;
                                            }
                                            
                                            // 红色（拒绝）
                                            &.reject{
                                                margin: 0 5px;
                                                padding: 0;
                                                width: 80px;
                                                color: #CD5B72;
                                                text-align: center;
                                            }

                                            // 灰色（已撤销）
                                            &.revocation{
                                                margin: 0 5px;
                                                width: 80px;
                                                color: #eee;
                                                text-align: center;
                                            }

                                            &.history{
                                                color: #348EFC;
                                            }

                                            &.time{
                                                margin-left: 10px;
                                                font-size: 12px;
                                                color: #999999;
                                                overflow: hidden;
                                            }

                                        }

                                        >p{
                                            margin-left: 20px;
                                            line-height: 20px;
                                            font-size: 14px;
                                            color: #333333;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;
                                        }

                                    }

                                    &:last-child{
                                        .left{
                                            >i{
                                                display: none;
                                            }
                                        }
                                    }

                                }

                            }

                        }

                        // 抄送人
                        &.copyTo{
                            >dl{
                                width: 100%;
                                // max-height: 136px;
                                white-space: nowrap;
                                overflow-x: hidden;

                                >dt{
                                    font-size: 12px;
                                    line-height: 16px;
                                    color: #333333;
                                }

                                >dd{
                                    margin-top: 20px;
                                    margin-right: 10px;
                                    display: inline-block;
                                    width: 60px;
                                    max-height: 90px;
                                    min-height: 66px;
                                    text-align: center;

                                    >img{
                                        display: block;
                                        margin: 0 auto;
                                        margin-bottom: 6px;
                                        width: 40px;
                                        height: 40px;
                                        border-radius: 50%;
                                        overflow: hidden;
                                    }
                                        
                                    >p{
                                        max-height: 32px;
                                        line-height: 16px;
                                        white-space: normal;
                                        font-size: 12px;
                                        color: #666666;
                                        letter-spacing: 0.1px;
                                        text-align: center;
                                        text-overflow: -o-ellipsis-lastline;
                                        -webkit-box-orient: vertical;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 2;
                                        line-clamp: 2;
                                    }

                                    &.noPeople{
                                        font-size: 12px;
                                        line-height: 16px;
                                        text-align: left;
                                        color: #999999;
                                    }

                                }

                            }

                        }

                        // 操作栏
                        &.control{
                            padding-top: 10px;
                            padding-bottom: 10px;
                            height: auto;
                            background: #FAFAFA;

                            .center{
                                position: relative;
                                height: 52px;

                                .urge{
                                    position: relative;
                                    margin-left: 80px;
                                    width: 46px;
                                    font-size: 12px;
                                    color: #348EFC;
                                    border: 0 none;
                                    background: #FAFAFA;


                                    >img{
                                        margin: 0 auto;
                                        margin-bottom: 6px;
                                        display: block;
                                        width: 28px;
                                    }

                                    .urgeTime{
                                        position: absolute;
                                        top: 3px;
                                        right: -36px;
                                        min-width: 36px;
                                        height: 28px;
                                        line-height: 28px;
                                        font-family: MicrosoftYaHei;
                                        font-size: 14px;
                                        color: #FFFFFF;
                                        letter-spacing: 0.11px;
                                        text-align: center;
                                        background: #C9C9C9;
                                        border-radius: 14px;
                                    }

                                }

                                .recall{
                                    margin-right: 93px;
                                    width: 46px;
                                    font-size: 12px;
                                    color: #348EFC;
                                    border: 0 none;
                                    background: #FAFAFA;

                                    >img{
                                        margin: 0 auto;
                                        margin-bottom: 6px;
                                        display: block;
                                        width: 28px;
                                    }
                                }

                                .comment{
                                    position: absolute;
                                    left: 50%;
                                    transform: translateX(-50%);
                                    width: 32px;
                                    font-size: 12px;
                                    color: #348EFC;
                                    border: 0 none;
                                    background: #FAFAFA;
                                    >img{
                                        margin-bottom: 6px;
                                        width: 100%;
                                    }

                                }

                            }

                            .btn{

                                >button{
                                    display: inline-block;

                                    &.comment{
                                        margin-right: 30px;
                                        width: 32px;
                                        font-size: 12px;
                                        color: #348EFC;
                                        background: #FAFAFA;
                                        border: 0 none;

                                        >img{
                                            margin-bottom: 6px;
                                            width: 100%;
                                        }

                                    }

                                    &.transpond{
                                        width: 34px;
                                        font-size: 12px;
                                        color: #348EFC;
                                        background: #FAFAFA;
                                        border: 0 none;

                                        >img{
                                            margin-bottom: 6px;
                                            width: 100%;
                                        }

                                    }
                                    
                                }

                                >div{
                                    margin: 0 auto;
                                    padding-top: 13px;
                                    width: 146px;

                                    .el-button--danger{
                                        left: 327px;
                                    }

                                    .el-button--primary{
                                        right: 327px;
                                    }

                                    .el-button{
                                        padding: 0;
                                        width: 68px;
                                        height: 30px;
                                        font-size: 14px;
                                        border: 0 none;

                                    }

                                }

                            }

                        }

                    }
                    
                }

                // 评论弹窗
                .inputComment{
                    padding: 25px 30px 0;

                    .el-textarea__inner{
                        width: 490px;
                        height: 180px;
                        resize: none;
                    }
                }

                // 转交弹窗
                .deliver{
                    padding: 25px 30px 0;
                    font-size: 14px;
                    line-height: 20px;
                    color: #000000;
                    >div{
                        >span{
                            margin-right: 7px;
                            width: 110px;
                        }
                        &:first-child{
                            >button{
                                color: #348EFC;
                                border: 0 none;
                                background: #fff;
                            }
                        }

                        &:last-child{
                            margin-top: 20px;

                            .el-textarea{
                                width: 373px;
                                >textarea{
                                    height: 200px;
                                    resize: none;
                                }
                            }
                        }

                    }

                }

                // 选择角色弹窗
                .addMember{
                    padding: 20px 40px 0;
                    font-size:16px;
                    >div{
                        &:first-child{
                            width:260px;
                            .el-input{
                                input{
                                    font-size:14px;
                                }
                                input::-webkit-input-placeholder{
                                    font-size:14px;
                                }
                            }
                        }
                        &:nth-child(2){
                            margin-left:20px;
                            width:300px;
                            .el-input__icon.el-icon-search{
                                font-size:18px;
                                cursor:pointer;
                            }
                            .el-input{
                                input{
                                    font-size:14px;
                                }
                                input::-webkit-input-placeholder{
                                    font-size:14px;
                                }
                            }
                        }
                        &:nth-child(3){
                            margin-top:20px;
                            padding:4px;
                            box-sizing:border-box;
                            width:260px;
                            height:288px;
                            border:1px solid #DDDDDD;
                            >ul{
                                height:100%;
                                overflow-X:hidden;
                                li{
                                    height:36px;
                                    span{
                                        box-sizing:border-box;
                                        margin:8px 0;
                                        padding-left:8px;
                                        width:40%;
                                        height:20px;
                                        font-size: 14px;
                                        line-height:20px;
                                        color: #000000;
                                        letter-spacing: 0.11px;
                                        overflow:hidden;
                                        text-overflow:ellipsis;
                                        white-space:nowrap;
                                        &:last-child{
                                            width:17%;
                                            color: #348EFC;
                                        }
                                    }
                                }
                            }
                        }
                        &:nth-child(4){
                            position:relative;
                            margin-top:20px;
                            margin-left:20px;
                            padding-top:36px;
                            box-sizing:border-box;
                            width:440px;
                            height:288px;
                            border:1px solid #DDDDDD;
                            overflow:hidden;
                            >ul{
                                overflow-X:hidden;
                                height:100%;
                                li{
                                    &:first-child{
                                        position:absolute;
                                        top:0;
                                        left:0;
                                        right:0;
                                        padding-right:15px;
                                        background: #EFEFEF;
                                        span:first-child{
                                            box-sizing:border-box;
                                            padding-left:27px;
                                        }
                                    }
                                    width:425px;
                                    height:36px;
                                    font-size: 14px;
                                    color: #000000;
                                    letter-spacing: 0.11px;
                                    span{
                                        box-sizing:border-box;
                                        margin:8px 0;
                                        padding-left:8px;
                                        width:38%;
                                        height:20px;
                                        font-size: 14px;
                                        line-height:20px;
                                        color: #000000;
                                        letter-spacing: 0.11px;
                                        overflow:hidden;
                                        text-overflow:ellipsis;
                                        white-space:nowrap;
                                        &:first-child{
                                            vertical-align:middle;
                                            .el-icon-close.pointer{
                                                vertical-align:middle;
                                                font-size:20px;
                                                color: #999999;
                                                &:hover{
                                                    color:#5cb6ff;
                                                }
                                            }

                                        }
                                        &:nth-child(2){

                                        }
                                        &:last-child{
                                            width:23%;
                                            padding-left:14px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                // 拒绝、同意弹窗
                .consent,.reject{
                    padding: 25px 30px 0;

                    .el-textarea{
                        >textarea{
                            height: 200px;
                            resize: none;
                        }

                    }

                }

                // 撤销弹窗
                p.recall{
                    padding-top: 50px;
                    text-align: center;
                }

                // 转交历史弹窗
                .deliverHistory{
                    padding: 50px;
                    min-height: 204px;
                    max-height: 500px;
                    overflow-x: hidden;

                    >ul{
                        >li{
                            letter-spacing: 0.11px;
                            font-size: 14px;

                            .left{
                                width: 36px;

                                >i{
                                    position: relative;
                                    top: 14px;
                                    left: 12px;
                                    display: block;
                                    width: 12px;
                                    height: 12px;
                                    border-radius: 50%;
                                    overflow: hidden;
                                    background: #76a8e6;
                                }

                            }

                            .content{
                                position: relative;
                                margin-left: 36px;
                                width: 400px;

                                >span{
                                    height:40px;
                                    line-height: 40px;
                                    color: #666666;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    &:first-child{
                                        margin-left: 20px;
                                    }


                                    &.turn{
                                        margin: 0 14px;
                                        color: #999999;
                                    }

                                    &.time{
                                        margin-left: 72px;
                                        font-size: 12px;
                                        color: #999999;
                                        overflow: hidden;
                                    }

                                }

                                >p{
                                    margin-left: 20px;
                                    min-height: 68px;
                                    line-height: 20px;
                                    font-size: 14px;
                                    color: #000000;
                                    overflow: hidden;
                                    // white-space: nowrap;
                                    // text-overflow: ellipsis;

                                }

                                >i{
                                    position: absolute;
                                    top: 26px;
                                    left: -19px;
                                    width: 2px;
                                    height: 100%;
                                    background: #DDDDDD;
                                }

                            }

                            &:last-child{
                                .content{
                                    >i{
                                        display: none;
                                    }

                                }

                            }

                        }

                    }

                }

            }

        }

    }

}